﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AddGrowthRecord.aspx.cs" Inherits="WanPiJie.WebSite.MyBaby.AddGrowthRecord" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>添加成长记录-顽皮街</title>
	<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.19/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
	<link href="http://static.wanpijie.com/styles/global.css" rel="stylesheet" type="text/css" />
	<link href="http://static.wanpijie.com/styles/www.css" rel="stylesheet" type="text/css" />
	<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.min.js" type="text/javascript"></script>
	<script src="http://static.wanpijie.com/scripts/jquery.cookie.min.js" type="text/javascript"></script>
	<script src="http://static.wanpijie.com/scripts/global.js" type="text/javascript"></script>
</head>
<body>
	<form id="form1" runat="server">
		<wpj:SiteHeader ID="SiteHeader" runat="server" />
		<div id="mainContent" class="wrap">
			<div id="leftContent" style="height: 500px;">
				<p style="font-size: 16px; color: #0066CC; margin-top: 20px;">
					添加宝宝成长记录
				</p>
			</div>
			<div id="rightContent">
				<div style="padding: 30px 0 0 30px">
					<div>
						<table class="form">
							<tr>
								<td>身高：
								</td>
								<td>
									<p>
										<asp:TextBox ID="f_Height" runat="server" Width="40px" MaxLength="6"></asp:TextBox>（厘米）
									</p>
								</td>
							</tr>
							<tr>
								<td>体重：
								</td>
								<td>
									<p>
										<asp:TextBox ID="f_Weight" runat="server" CssClass="required" Width="40px" MaxLength="6"></asp:TextBox>（千克）
									</p>
								</td>
							</tr>
							<tr>
								<td>头围：
								</td>
								<td>
									<p>
										<asp:TextBox ID="f_HeadSize" runat="server" Width="40px" MaxLength="6"></asp:TextBox>（厘米）
									</p>
								</td>
							</tr>
							<tr>
								<td>胸围：
								</td>
								<td>
									<p>
										<asp:TextBox ID="f_ChestSize" runat="server" Width="40px" MaxLength="6"></asp:TextBox>（厘米）
									</p>
								</td>
							</tr>
							<tr>
								<td>日期：
								</td>
								<td>
									<p>
										<asp:TextBox ID="f_SurveyDate" runat="server"></asp:TextBox>
									</p>
								</td>
							</tr>
							<tr>
								<td>&nbsp;
								</td>
								<td>
									<asp:Button ID="BtnOK" runat="server" OnClick="BtnOK_Click" Text="添加" />
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
		<wpj:SiteFooter ID="SiteFooter" runat="server" />
	</form>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.19/jquery-ui.min.js" type="text/javascript"></script>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.19/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function () {
			$("#f_SurveyDate").datepicker({ changeYear: true });
			$("form").validate({
				rules: {
					f_SurveyDate: {
						required: true,
						dateISO: true
					},
					f_Height: {
						required: true,
						number: "*"
					},
					f_Weight: {
						required: true,
						number: "*"
					},
					f_HeadSize: {
						required: true,
						number: "*"
					},
					f_ChestSize: {
						required: true,
						number: "*"
					}
				},
				messages: {
					f_SurveyDate: {
						required: "请选择测量日期",
						dateISO: "日期格式错误"
					},
					f_Height: {
						required: "请填写宝宝的身高",
						number: "请输入数字"
					},
					f_Weight: {
						required: "请填写宝宝的体重",
						number: "请输入数字"
					},
					f_HeadSize: {
						required: "请填写宝宝的头围",
						number: "请输入数字"
					},
					f_ChestSize: {
						required: "请填写宝宝的胸围",
						number: "请输入数字"
					}
				},
				errorPlacement: function (error, element) {
					error.appendTo(element.parent().parent());
				}
			});
		});
	</script>
</body>
</html>
